<template>
    <l-page class="pb-3">
        <l-navbar title="详情"></l-navbar>
        <view class="panel">
            <view class="text-lg mb-3 ">
                {{ detail.title }}
            </view>
            <view class="text-xs text-gray-300 border-b border-gray-1 pb-3 mb-3">
                发布时间:{{ detail.created_at }}
            </view>
            <view class="">
                <rich-text :nodes="detail.content"></rich-text>
            </view>
        </view>
    </l-page>
</template>
<script setup lang="ts">
import Article from "@/stores/article";
import { onLoad } from "@dcloudio/uni-app";
import { ref } from "vue";
const article = Article(),
    detail: any = ref({});
onLoad(async (options: any) => {
    detail.value = await article.getDetail(options.id)
})
</script>